<style type="text/css">
     .layui-table-cell{
         height: auto!important;
         white-space: normal;
     }
</style>
<div class="layui-tab layui-tab-brief layui-tab-brief-city" style="padding: 0px;border: none;margin-top: 0px;">
  <ul class="layui-tab-title">
    <li class="layui-this">基础设置</li>
    <li>样式设置</li>
  </ul>
  <div class="layui-tab-content" >
    <div class="layui-tab-item layui-show">
		<form id="modelBizLayerForm" lay-filter="modelBizLayerForm" class="layui-form model-form" style="padding: 1px;height: calc(100vh - 160px)">
			<input name="id" type="hidden" id="bizLayerId" value="#(layer?layer.id:'')" />
			<table class="formTable">
				<tr>
					<td>上级</td>
					<td>
						<input id="parentId" type="text" name="parentId"   lay-filter="parentId" autocomplete="off" placeholder="请选择" value="" class="layui-input">
					</td>
				</tr>			
				<tr>
					<td>名称</td>
					<td>
						<input name="name" value="#(layer?layer.name:'')" placeholder="" autocomplete="off" type="text" class="layui-input" maxlength="10" lay-verType="tips"
						 lay-verify="required" required />
					</td>
				</tr>
				<tr>
					<td>标识</td>
					<td>
						<input name="code" value="#(layer?layer.code:'')" placeholder="" maxlength="20" autocomplete="off" type="text" class="layui-input" />
					</td>
				</tr>
				<tr>
					<td>序号:</td>
					<td>
						<input name="sort" value="#(layer?layer.sort:0)" autocomplete="off" placeholder="请输入序号" type="number" class="layui-input" maxlength="20"/>
					</td>
				</tr>
				<tr>
					<td style="text-align: right;" colspan="2">
						<button class="layui-btn  layui-btn-sm layui-btn-orange" lay-filter="submitBizLayerForm" lay-submit>保存</button>
					</td>
				</tr>
			</table>
		</form>    
    </div>
    <div class="layui-tab-item">
	    <div class="layui-tab layui-tab-card" style="padding: 0px;border: none;margin-top: 0px;" lay-filter="pointStyleTabFilter" >
		  <ul class="layui-tab-title layui-tab-title-city">
		  	<li class="layui-this">默认</li>
		    <li>悬浮</li>
		    <li>选中</li>
		  </ul>
		  <div class="layui-tab-content" style="min-height: 500px;">
		  	  <div class="layui-tab-item layui-show">
				<form class="layui-form model-form" style="padding: 1px;">
					<table class="formTable">
						<tr>
							<td>类型</td>
							<td colspan="4">
						      <select name="pointType" lay-filter="pointType"  lay-verify="required" required>
						        <option value="0">静态</option>
						        <option value="1">动态</option>
						      </select>
							</td>
						</tr>	
					</table>					
				</form> 		  	  
		  	  </div>
		  	  <div class="layui-tab-item">
				<form class="layui-form model-form" style="padding: 1px;">
					<table class="formTable">
						<tr>
							<td>类型</td>
							<td colspan="4">
						      <select name="pointHoverType" lay-filter="pointHoverType"  lay-verify="required" required>
						        <option value="0">静态</option>
						        <option value="1">动态</option>
						      </select>
							</td>
						</tr>	
					</table>					
				</form> 		  	  
		  	  </div>
		  	  <div class="layui-tab-item">
				<form class="layui-form model-form" style="padding: 1px;">
					<table class="formTable">
						<tr>
							<td>类型</td>
							<td colspan="4">
						      <select name="pointSelectType" lay-filter="pointSelectType"  lay-verify="required" required>
						        <option value="0">静态</option>
						        <option value="1">动态</option>
						      </select>
							</td>
						</tr>	
					</table>					
				</form> 		  	  
		  	  </div>
		  </div>
	    </div>
    </div>
  </div>
</div> 
<!-- 表单弹窗  -->
<script type="text/html" id="modelBizStylePoint">
<form id="modelBizStylePointForm" lay-filter="modelBizStylePointForm" class="layui-form model-form" style="padding: 0px;">
	<input name="id" type="hidden" id="bizStylePointId"  />
	<div class="layui-tab layui-tab-card" style="box-shadow:none;"  >
	  <ul class="layui-tab-title layui-tab-title-city">
	    <li class="layui-this">点</li>
	    <li>标签</li>
	    <li>图标</li>
	  </ul>
	  <div class="layui-tab-content">
	    <div class="layui-tab-item layui-show">
			<table class="formTable">
				<tr>
					<td colspan="2" >是否显示</td>
					<td >大小</td>
					<td >颜色</td>
				</tr>
				<tr>
				    <td colspan="2" > 
	                	<select name="showForPoint" lay-filter="showForPoint"  lay-verify="required" required>
				        	<option value="0">隐藏</option>
							<option value="1">显示</option>
				      	</select>
					</td> 
					<td>
	               		<input name="pixelSizeForPoint" autocomplete="off"  placeholder="" type="number" class="layui-input" />
	                </td>
					<td>
						<input type="hidden" name="colorForPoint" id="colorForPoint-input">
						<div id="colorForPoint"></div>					
					</td> 
				</tr>
				<tr>
					<td colspan="2">轮廓粗细</td>
					<td colspan="2">轮廓颜色</td>
				</tr>
				<tr>
					<td colspan="2" >
	                	<input name="outlineWidthForPoint" autocomplete="off"  placeholder="" type="number" class="layui-input" />
	                </td> 
					<td colspan="2">
						<input type="hidden" name="outlineColorForPoint" id="outlineColorForPoint-input">
						<div id="outlineColorForPoint"></div>				
					</td>
				</tr>
				<tr>
					<td colspan="4" >可视范围</td>
				</tr>
				<tr>
					<td style="width:85px;">
	                	<input id="displayNearForPoint" name="displayNearForPoint" autocomplete="off"  placeholder="near" type="number" class="layui-input" />
	                </td>
					<td><button id="displayNearForPointBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange">near</button></td>
					<td>
	                	<input id="displayFarForPoint" name="displayFarForPoint" autocomplete="off"  placeholder="far" type="number" class="layui-input" />
	                </td>
					<td><button id="displayFarForPointBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange" >far</button></td>
				</tr>
				<tr>    
					<td colspan="4" >距离缩放</td>
				</tr>
				<tr>
					<td >
	                	<input id="scalarNearForPoint" name="scalarNearForPoint" autocomplete="off" placeholder="near" type="number" class="layui-input" />
	                </td>
					<td><button id="scalarNearForPointBtn" class="layui-btn  layui-btn-VW layui-btn-sm layui-btn-orange" >near</button></td>
					<td colspan="2">
	                	<input name="scalarNearValueForPoint" autocomplete="off" placeholder="value" type="number" class="layui-input" />
	                </td>
				</tr>
				<tr>
					<td >
	                	<input id="scalarFarForPoint" name="scalarFarForPoint" autocomplete="off" placeholder="far" type="number" class="layui-input" />
	                </td>
					<td><button id="scalarFarForPointBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange" >far</button></td>
					<td colspan="2">
	                	<input name="scalarFarValueForPoint" autocomplete="off" placeholder="value" type="number" class="layui-input" />
	                </td>
				</tr>
				<tr>
					<td colspan="4" >距离透明度</td>
				</tr>
				<tr>
					<td >
	                	<input id="translucencyNearForPoint" name="translucencyNearForPoint" autocomplete="off"  placeholder="near" type="number" class="layui-input" />
	                </td>
					<td><button id="translucencyNearForPointBtn" class="layui-btn  layui-btn-VW layui-btn-sm layui-btn-orange" >near</button></td>
					<td colspan="2">
	                	<input name="scalarFarValueForPoint" autocomplete="off" placeholder="value" type="number" class="layui-input" />
	                </td>
				</tr>
				<tr>
					<td >
	                	<input id="translucencyFarForPoint" name="translucencyFarForPoint" autocomplete="off"  placeholder="far" type="number" class="layui-input" />
	                </td>
					<td><button id="translucencyFarForPointBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange"  >far</button></td>
					<td colspan="2">
	                	<input name="scalarFarValueForPoint" autocomplete="off" placeholder="value" type="number" class="layui-input" />
	                </td>
				</tr>
			</table>    
		</div>
	    <div class="layui-tab-item">
			<table class="formTable">
				<tr>
					<td colspan="4" >属性</td>
				</tr>
				<tr>
				    <td colspan="2"> 
	                	<select name="showForLabel" lay-filter="showForLabel"  lay-verify="required" required>
				        	<option value="0">隐藏</option>
							<option value="1">显示</option>
				      	</select>
					</td> 
				    <td colspan="2"> 
	                	<select name="styleForLabel" lay-filter="styleForLabel"  lay-verify="required" required>
				        	<option value="0">填充(无轮廓)</option>
							<option value="1">轮廓(无填充)</option>
							<option value="2">填充和轮廓</option>
				      	</select>
					</td>
				</tr>
				<tr>
				    <td colspan="2"> 
	                	<select name="fontFamilyForLabel" lay-filter="fontFamilyForLabel"  lay-verify="required" required>
				        	<option value="sans-serif">sans-serif</option>
							<option value="Microsoft YaHei">Microsoft YaHei</option>
							<option value="黑体">黑体</option>
							<option value="宋体">宋体</option>
				      	</select>
					</td>
				    <td colspan="2"> 
	                	<select name="fontWeightForLabel" lay-filter="fontWeightForLabel"  lay-verify="required" required>
				        	<option value="normal">normal</option>
							<option value="bold">bold</option>
							<option value="100">100</option>
							<option value="200">200</option>
							<option value="300">300</option>
							<option value="400">400</option>
							<option value="500">500</option>
							<option value="600">600</option>
							<option value="700">700</option>
							<option value="800">800</option>
							<option value="900">900</option>
				      	</select>
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<input name="fontScaleForLabel" autocomplete="off"  placeholder="字体缩放" type="text" class="layui-input" />
	                </td> 
				    <td > 
	                	<input name="fontSizeForLabel" autocomplete="off"  placeholder="字体大小" type="text" class="layui-input" />
					</td> 
				    <td> 
						<input type="hidden" name="fillColorForLabel" id="fillColorForLabel-input">
						<div id="fillColorForLabel"></div>	
					</td> 
				</tr>
				<tr>
					<td colspan="2"  >
						<input name="outlineWidthForLabel" autocomplete="off"  placeholder="轮廓粗细" type="text" class="layui-input" />				
	                </td> 
					<td colspan="2"  >
						<input type="hidden" name="outlineColorForLabel" id="outlineColorForLabel-input">
						<div id="outlineColorForLabel"></div>
						(轮廓颜色)
	                </td> 
				</tr>
				<tr>
					<td colspan="2" >
	                		<select name="horizontalOriginForLabel" lay-filter="horizontalOriginForLabel"  lay-verify="required" required>
				        		<option value="0">水平居中</option>
								<option value="1">水平靠左</option>
								<option value="2">水平靠右</option>
				      		</select>
	                </td>
					<td colspan="2" >
	                		<select name="verticalOriginForLabel" lay-filter="verticalOriginForLabel"  lay-verify="required" required>
				        		<option value="0">垂直居中</option>
								<option value="1">垂直置底</option>
				        		<option value="2">垂直BASELINE</option>
								<option value="3">垂直置顶</option>
				      		</select>
	                </td>
				</tr>
				<tr>
					<td  >背景</td>
					<td colspan="2" >背景内边距</td>
					<td  >背景色</td>
				</tr>
				<tr>
					<td >
	                	<select name="showBackgroundForLabel" lay-filter="showBackgroundForLabel"  lay-verify="required" required>
				        	<option value="0">隐藏</option>
							<option value="1">显示</option>
				      	</select>				
	                </td> 
					<td >
	                	<input name="backgroundPaddingXForLabel" autocomplete="off"  placeholder="请输入x" type="text" class="layui-input" />
	                </td>
					<td>
	                	<input name="backgroundPaddingYForLabel" autocomplete="off"  placeholder="请输入y" type="text" class="layui-input" />
	                </td>
					<td >
						<input type="hidden" name="backgroundColorForLabel" id="backgroundColorForLabel-input">
						<div id="backgroundColorForLabel"></div>			
	                </td> 
				</tr>
				<tr>
					<td colspan="4" >可视范围</td>
				</tr>
				<tr>
					<td >
	                	<input id="displayNearForLabel" name="displayNearForLabel" autocomplete="off"  placeholder="near" type="text" class="layui-input" />
	                </td>
					<td><button id="displayNearForLabelBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange">near</button></td>
					<td >
	                	<input id="displayFarForLabel" name="displayFarForLabel" autocomplete="off"  placeholder="far" type="text" class="layui-input" />
	                </td>
					<td><button id="displayFarForLabelBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange">far</button></td>
				</tr>
				<tr>
					<td colspan="4" >偏移</td>
				</tr>
				<tr>
					<td  colspan="2">
	                	<input name="pixelOffsetXForLabel" autocomplete="off" value="0"  placeholder="x" type="text" class="layui-input" />
	                </td>
					<td  colspan="2">
	                	<input name="pixelOffsetYForLabel" autocomplete="off" value="0"  placeholder="y" type="text" class="layui-input" />
	                </td>
				</tr>
				<tr>
					<td colspan="4" >距离缩放</td>
				</tr>
				<tr>
					<td style="width:85px;">
	                	<input id="scalarNearForLabel" name="scalarNearForLabel" autocomplete="off" placeholder="near" type="text" class="layui-input" />
	                </td>
					<td><button id="scalarNearForLabelBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange">near</button></td>
					<td colspan="2">
	                	<input name="scalarNearValueForLabel" autocomplete="off" placeholder="value" type="text" class="layui-input" />
	                </td>
				</tr>
				<tr>
					<td >
	                	<input id="scalarFarForLabel" name="scalarFarForLabel" autocomplete="off" placeholder="far" type="text" class="layui-input" />
	                </td>
					<td><button id="scalarFarForLabelBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange">far</button></td>
					<td colspan="2">
	                	<input name="scalarFarValueForLabel" autocomplete="off" placeholder="value" type="text" class="layui-input" />
	                </td>
				</tr>
				<tr>
					<td colspan="4" >距离偏移</td>
				</tr>
				<tr>
					<td >
	                	<input id="pixelOffsetScaleNearForLabel" name="pixelOffsetScaleNearForLabel" autocomplete="off" placeholder="near" type="text" class="layui-input" />
	                </td>
					<td><button id="pixelOffsetScaleNearForLabelBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange">near</button></td>
					<td colspan="2">
	                	<input name="pixelOffsetScaleNearValueForLabel" autocomplete="off" placeholder="value" type="text" class="layui-input" />
	                </td>
				</tr>
				<tr>
					<td >
	                	<input id="pixelOffsetScaleFarForLabel" name="pixelOffsetScaleFarForLabel" autocomplete="off" placeholder="far" type="text" class="layui-input" />
	                </td>
					<td><button id="pixelOffsetScaleFarForLabelBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange">far</button></td>
					<td colspan="2">
	                	<input name="pixelOffsetScaleFarValueForLabel" autocomplete="off" placeholder="value" type="text" class="layui-input" />
	                </td>
				</tr>
				<tr>
					<td colspan="4" >距离透明度</td>
				</tr>
				<tr>
					<td >
	                	<input id="translucencyNearForLabel" name="translucencyNearForLabel" autocomplete="off"  placeholder="near" type="text" class="layui-input" />
	                </td>
					<td><button id="translucencyNearForLabelBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange">near</button></td>
					<td colspan="2">
	                	<input name="translucencyNearValueForLabel" autocomplete="off"  placeholder="value" type="text" class="layui-input" />
	                </td>
				</tr>
				<tr>
					<td >
	                	<input id="translucencyFarForLabel" name="translucencyFarForLabel" autocomplete="off"  placeholder="far" type="text" class="layui-input" />
	                </td>
					<td><button id="translucencyFarForLabelBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange">far</button></td>
					<td colspan="2">
	                	<input name="translucencyFarValueForLabel" autocomplete="off"  placeholder="value" type="text" class="layui-input" />
	                </td>
				</tr>
			</table> 
		</div>
	    <div class="layui-tab-item">
			<table class="formTable">
				<tr>
					<td colspan="4" style="text-align: left;background-color: #3c3b3b;">
						<div class="layui-inline" style="padding-right: 10px;margin-right: 0px;">
							<input type="hidden" name="imageForBillboard" id="imageForBillboard-input">
							<img id="imageForBillboard-img" src="#(ctx)/assets/img/position.png" width="35" height="35" style="margin-right: 10px;" />
							<button class="layui-btn layui-btn-sm layui-btn-orange" id="imageForBillboard-select-btn" >选择</button>
						</div>
	                </td>
				</tr>
				<tr>
					<td >是否显示</td>
					<td >缩放</td>
					<td colspan="2" >高宽</td>
				</tr>
				<tr>
				    <td style="width:85px;"> 
	                	<select name="showForBillboard" lay-filter="showForBillboard"  lay-verify="required" required>
				        	<option value="0">隐藏</option>
							<option value="1">显示</option>
				      	</select>
					</td>
	
					<td >
	                	<input name="scaleForBillboard" id="scaleForBillboard" autocomplete="off"  placeholder="缩放" type="number" class="layui-input" />
	                </td>
					<td>
	                	<input name="widthForBillboard" id="widthForBillboard" autocomplete="off"  placeholder="宽度" type="number" class="layui-input" />
	                </td>
					<td>
	                	<input name="heightForBillboard" id="heightForBillboard" autocomplete="off"  placeholder="高度" type="number" class="layui-input" />
	                </td>
				</tr>
				<tr>
					<td colspan="4" >可视范围</td>
				</tr>
				<tr>
					<td >
	                	<input id="displayNearForBillboard" name="displayNearForBillboard" autocomplete="off" value="0"  placeholder="near" type="number" class="layui-input" />
	                </td>
					<td >
						<button id="displayNearForBillboardBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange" >near</button>
					</td>
					<td >
	                	<input id="displayFarForBillboard" name="displayFarForBillboard" autocomplete="off" value="5000"  placeholder="far" type="number" class="layui-input" />
	                </td>
					<td >
						<button id="displayFarForBillboardBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange" >far</button>	                
	                </td>
				</tr>
				<tr>
					<td colspan="4" >偏移</td>
				</tr>
				<tr>
					<td colspan="2">
	                	<input name="pixelOffsetXForBillboard" autocomplete="off" value="0"  placeholder="x" type="number" class="layui-input" />
	                </td>
					<td colspan="2">
	                	<input name="pixelOffsetYForBillboard" autocomplete="off" value="0"  placeholder="y" type="number" class="layui-input" />
	                </td>
				</tr>
				<tr>
					<td colspan="4" >距离偏移</td>
				</tr>
				<tr>
					<td >
	                	<input id="pixelOffsetScaleNearForBillboard" name="pixelOffsetScaleNearForBillboard" autocomplete="off" placeholder="near" type="number" class="layui-input" />
	                </td>
					<td><button id="pixelOffsetScaleNearForBillboardBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange">near</button></td>
					<td colspan="2">
	                	<input name="pixelOffsetScaleNearValueForBillboard" autocomplete="off" placeholder="value" type="number" class="layui-input" />
	                </td>
				</tr>
				<tr>
					<td >
	                	<input id="pixelOffsetScaleFarForBillboard" name="pixelOffsetScaleFarForBillboard" autocomplete="off" placeholder="far" type="number" class="layui-input" />
	                </td>
					<td><button id="pixelOffsetScaleFarForBillboardBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange">far</button></td>
					<td colspan="2">
	                	<input name="pixelOffsetScaleFarValueForBillboard" autocomplete="off" placeholder="value" type="number" class="layui-input" />
	                </td>
				</tr>
				<tr>
					<td colspan="4" >距离缩放</td>
				</tr>
				<tr>
					<td >
	                	<input id="scalarNearForBillboard" name="scalarNearForBillboard" autocomplete="off" placeholder="near" type="number" class="layui-input" />
	                </td>
					<td><button id="scalarNearForBillboardBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange">near</button></td>
					<td colspan="2">
	                	<input name="scalarNearValueForBillboard" autocomplete="off" placeholder="value" type="number" class="layui-input" />
	                </td>
				</tr>
				<tr>
					<td >
	                	<input id="scalarFarForBillboard" name="scalarFarForBillboard" autocomplete="off" placeholder="far" type="number" class="layui-input" />
	                </td>
					<td><button id="scalarFarForBillboardBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange">far</button></td>
					<td colspan="2">
	                	<input name="scalarFarValueForBillboard" autocomplete="off" placeholder="value" type="number" class="layui-input" />
	                </td>
				</tr>
				<tr>
					<td colspan="4" >距离透明度</td>
				</tr>
				<tr>
					<td >
	                	<input id="translucencyNearForBillboard" name="translucencyNearForBillboard" autocomplete="off"  placeholder="near" type="number" class="layui-input" />
	                </td>
					<td><button id="translucencyNearForBillboardBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange">near</button></td>
					<td colspan="2">
	                	<input name="translucencyNearValueForBillboard" autocomplete="off"  placeholder="value" type="number" class="layui-input" />
	                </td>
				</tr>
				<tr>
					<td >
	                	<input id="translucencyFarForBillboard" name="translucencyFarForBillboard" autocomplete="off"  placeholder="far" type="number" class="layui-input" />
	                </td>
					<td><button id="translucencyFarForBillboardBtn" class="layui-btn layui-btn-VW  layui-btn-sm layui-btn-orange">far</button></td>
					<td colspan="2">
	                	<input name="translucencyFarValueForBillboard" autocomplete="off"  placeholder="value" type="number" class="layui-input" />
	                </td>
				</tr>
			</table>
		</div>
	  </div>
	</div>
	<div style="float: right;margin-right: 17px;margin-top: -12px">
		<button class="layui-btn  layui-btn-sm layui-btn-orange" lay-filter="modelSubmitBizStylePointForm" lay-submit>保存</button>
	</div>
</form>
</script>

<script type="text/html" id="modelIconForBizStylePoint"> 
    <div class="layui-card" style="background: none;">
        <div class="layui-card-body table-tool-mini">
            <div class="layui-form toolbar" id="tbToolBar">
                <div class="layui-form-item">
                    <div class="layui-inline" style="float: left;">
						<div class="layui-inline" style="padding-right: 0px;margin-right: 0px;">
							<div class="layui-input-inline mr0">
								<input name="name" class="layui-input" type="text" placeholder="请输入名称"/>
							</div>
						</div>
						<div class="layui-inline" style="padding-right: 0px;margin-right: 0px;">
							<button class="layui-btn layui-btn-sm layui-btn-orange icon-btn" lay-filter="formSubSearchIconForBizStylePoint" lay-submit>
								<i class="layui-icon">&#xe615;</i>查询
							</button>
							<button class="layui-btn layui-btn-sm layui-btn-orange icon-btn" id="uploadIconBtn">
								<i class="layui-icon">&#xe67c;</i>上传
							</button>
						</div>					
					</div>
				</div>
				<table class="layui-table layui-img-table" id="tableIconForBizStylePoint" lay-filter="tableIconForBizStylePoint" style="margin: 1px 0;"></table>
			</div>
		</div>
	</div>
</script>

